<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>车车</title>
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./cart.css">
</head>

<body>
    <div class="top-wrap">
        <div class="top">
            <div class="left">
                <ul>
                    <li class="cur"><a href="javascript::">首页商城</a></li>
                    <li><a href="javascript::">服务中心</a></li>
                    <li><a href="javascript::">以旧换新</a></li>
                    <li><a href="javascript::">新机租赁</a></li>
                    <li><a href="javascript::">驱动下载</a></li>
                </ul>
            </div>
            <div class="right">
                <div class="load">
                    <a href="./load.html">登录</a>
                    <span>|</span>
                    <a href="javascript::">注册</a>
                </div>
                <div>
                    <a href="javascript::">消息</a>
                    <div class="xiala1"></div>
                </div>
                <div>
                    <a href="javascript::">我的订单</a>
                    <div class="xiala2"></div>
                </div>
                <div><a href="./cart.html">购物车</a>
                    <br>
                    <!-- <p>天选游戏本</p> <p>Vivobook</p> -->
                </div>
                
            </div>
        </div>
    </div>
    <div class="nav-wrap">
        <div class="nav">
            <div class="left"><a href="javascript::"><img
                        src="./images/logo.png" alt="" height="78"></a>
            </div>
            <div class="central">
                <ul>
                    <li class="lis">
                        <div><a href="javascript::">华硕官网</a></div>
                    </li>
                    <li>
                        <div class="xl"><a href="javascript::">个人及家用</a></div>
                        <!-- 下拉菜单 -->
                        <div class="pull-wrap">
                            <div class="pull">
                                <!-- <p>热门推荐</p> -->
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="xl"><a href="javascript::">热门活动</a></div>
                        <div class="pull-wrap">
                            <div class="pull">
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/remen.jpg" alt="">
                                    </a>
                                    <p>华硕超级会员日</p>
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/remen.jpg" alt="">
                                    </a>
                                    <p>华硕超级会员日</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="xl"><a href="javascript::">服务支持</a></div>
                        <div class="pull-wrap">
                            <div class="pull">
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>玩家国度论坛</p>
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>玩家国度论坛</p>
                                </div>
                               
                            </div>
                        </div>
                    </li>
                    <li class="lis">
                        <div><a href="javascript::">华硕官网</a></div>
                    </li>
                    
                </ul>
            </div>
            <div class="right">
                <input type="text" placeholder="电竞发烧">
                <button><img src="./images/1606188058(1).jpg" alt=""></button>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="top">
            <div class="top-left">
                <input class="allbox" type="checkbox">
                <p>全选<span class="kind">0  </span>种商品</p>
            </div>
            <div class="top-right">
                <!-- <i></i> -->
                <!-- <span>0</span>
                种商品已失效 -->
            </div>
        </div>
        <div class="goods-box">
           

        </div>
    </div>
    </div>
    <div class="foot-wrap">
        <div class="foot">
            <div class="foot-left">
                <p>
                    已选<span class="allnum">0</span>件商品
                </p>
                <!-- <p>
                    满减优惠<span>0</span>元
                </p> -->
                <!-- <p>查看赠品<span>0</span>件</p> -->
            </div>
            <div class="foot-right">
                <p>总计<span class="total">0</span>元</p>
                <button>立即结算</button>
            </div>
        </div>
    </div>
</body>
<script src="./jquery.js"></script>
<script src="./cart.js"></script>
<script src="./index.js"></script>
<script src="./cookie.js"></script>
</html>